.myContainer{
  position: relative;
  .success{
    width:168rpx;
    height:168rpx;
  }
  .successDesc{
    color:#999;
    font-size: 25rpx;
  }
  .positionCenter{
    position:absolute;
    left:50%;
    transform: translate(-50%);
    bottom:31%;
  }
    .success{
      width:168rpx;
      height:168rpx;
    }
    .successTitle{
      color:#31AD37;
      font-size: 36rpx;
    }
    .successDesc{
      color:#999;
      font-size: 25rpx;
    }
    .successPwd{
      width:100%;
      .successHeader{
        margin:20rpx 0;
        display: flex;
        .successPoint{
          color:#6C97EE;
          margin-right: 20rpx;
        }
        .successVice{
          color:#333;
          font-size: 28rpx;
          flex:1;
        }
      }
      .successItem{
        width:61vw;
        height:70rpx;
        background: #EFEFEF;
        line-height: 70rpx;
        box-sizing: border-box;
        padding:0 40rpx;
        position:relative;
        .successInput{
          font-size: 22rpx;
          color:#333;
        }
        .successCopy{
          width:99rpx;
          height:48rpx;
          text-align: center;
          line-height: 48rpx;
          background: #E8F1FF;
          border:1px solid #2172ED;
          font-size: 24rpx;
          color:#2172ED;
          border-radius:24rpx;
          position:absolute;
          right:30rpx;
          top:50%;
          transform: translate(0%,-50%);
        }
      }
    }
  .receiveDesc{
    margin-top: 40rpx;
    color:#333333;
    font-size: 25rpx;
  }
  .popups{
    position: fixed;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    width:100%;
    height:100vh;
    background: rgba(0,0,0,.5);
    .popupsImg{
      width:605rpx;
      position:absolute;
      bottom:35%;
      height:60% !important;
      left:50%;
      transform: translate(-50%);
    }
    .positionCenter{
      position:absolute;
      left:50%;
      transform: translate(-50%);
      bottom:31%;
    }
    .cancel{
      position:absolute;
      bottom:23%;
      left:50%;
      transform: translate(-50%);
      width:60rpx;
      height:60rpx;  
    }
    .whiteboard{
      width:87vw;
      background: #fff;
      border-radius:20rpx;
      padding:50rpx 100rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      box-sizing: border-box;
      .success{
        width:168rpx;
        height:168rpx;
      }
      .successTitle{
        color:#31AD37;
        font-size: 36rpx;
      }
      .successDesc{
        color:#999;
        font-size: 25rpx;
      }
      .successPwd{
        width:100%;
        .successHeader{
          margin:20rpx 0;
          display: flex;
          .successPoint{
            color:#6C97EE;
            margin-right: 20rpx;
          }
          .successVice{
            color:#333;
            font-size: 28rpx;
            flex:1;
          }
        }
        .successItem{
          width:61vw;
          height:70rpx;
          background: #EFEFEF;
          line-height: 70rpx;
          box-sizing: border-box;
          padding:0 40rpx;
          position:relative;
          .successInput{
            font-size: 22rpx;
            color:#333;
          }
          .successCopy{
            width:99rpx;
            height:48rpx;
            text-align: center;
            line-height: 48rpx;
            background: #E8F1FF;
            border:1px solid #2172ED;
            font-size: 24rpx;
            color:#2172ED;
            border-radius:24rpx;
            position:absolute;
            right:30rpx;
            top:50%;
            transform: translate(0%,-50%);
          }
        }
      }
      .receiveDesc{
        margin-top: 40rpx;
        color:#333333;
        font-size: 25rpx;
      }
    }
  }
  .topPiece{
    position: relative;
    .bigBg{
      width:100vw;
      height:55vh;
    }
    .card{
      padding:30rpx 0;
      position: absolute;
      bottom:0rpx;
      left:50%;
      transform: translate(-50%,40%);
      width:92vw;
      background: #fff;
      border-radius:20rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      overflow: hidden;
      box-shadow:1px 1px 6px 1px #ddd;
      .cardImg{
        height:238rpx;
      }
    }
  }

  .teamUp{
    width:92vw;
    margin:0 auto;
    margin-top:17vh;
  }

  .activityRule{
    width:92vw;
    color:#111;
    padding:0 0 50rpx 0;
    margin:0 auto;
    .ruleTitle{
      font-size: 32rpx;
      margin:45rpx 0;
    }
    .ruleDesc{
      font-size: 28rpx;
    }
  }
}